<template>
  <div class="father">
    <son />
  </div>
</template>

<script>
import son from "./son";
export default {
  components: {
    son,
  },

  beforeCreate() {
    console.log("父-beforeCreate");
  },
  created() {
    console.log("父-created");
  },

  beforeMount() {
    console.log("父-beforeMount");
  },

  mounted() {
    console.log("父-mounted");
  },

  beforeDestroy() {
    console.log("父-beforeDestroy");
  },

  destroyed() {
    console.log("父-destroyed");
  },
};
</script>

<style>
.father {
  width: 400px;
  height: 400px;
  border: 1px solid #000;
}
</style>